<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/1/4
  Time: 14:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>更加详细的订单信息</title>
    <style>
        .main {
            border: 2px solid cornflowerblue;
        }
        .main_msg{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin-bottom: 20px;
        }
        .blue_text {
            width: 100px;
            background: rgb(112, 144, 183);
        }

        table, tr, td {
            border: 1px solid rgb(152, 194, 193);
            text-align: center;
        }
        td{
            padding: 9px;
        }
        table {
            margin: auto;
            width: 650px;
        }
        .main_msg_detail span{
            padding: 10px;
        }
        button{
            width: 100px;
            height: 33px;
        }

    </style>
</head>
<body>

<div style="width: 760px">
    <%@ include file="../common/header.jsp" %>

    <div class="main">
        <div style="margin: 10px 20px">
            <img src="../img/order.gif" alt="用户管理">
        </div>
        <div class="main_msg">
            <div style="margin-bottom: 10px;color: cornflowerblue;font-size: 22px"><b>该订单的详细信息</b></div>
            <div class="main_msg_detail" style="font-weight: bold"><span>订单编号：</span>${order.orderNum} <span></span>下单时间：${order.orderTime} <span>总计费用：${order.proNum*order.proPrice}</span><span></span> <span>元</span></div>
        </div>
        <table cellspacing="0" cellpadding="12">
            <tr>
                <td class="blue_text">商品编号</td>
                <td class="blue_text">商品名称</td>
                <td class="blue_text">数量</td>
                <td class="blue_text">单价（元）</td>
            </tr>
            <tr>
              <td>${order.proQnum}</td>
              <td>${order.proName}</td>
              <td>${order.proNum}</td>
              <td>${order.proPrice}</td>
            </tr>
        </table>

        <div style="text-align: center;font-size: 22px;margin: 10px auto">
            以下是收货人的详细信息
        </div>

        <table cellspacing="0" cellpadding="12">

            <tr>
                <td class="blue_text">收货人姓名:</td>
                <td colspan="3">${order.orderMan.name}</td>
            </tr><tr>
                <td class="blue_text">城 市:</td>
                <td colspan="3">${order.orderMan.city}</td>
            </tr><tr>
                <td class="blue_text">邮 编:</td>
                <td colspan="3">${order.orderMan.postCode}</td>
            </tr><tr>
                <td class="blue_text">详细地址</td>
                <td colspan="3">${order.orderMan.address}</td>
            </tr><tr>
                <td class="blue_text">联系电话:</td>
                <td colspan="3">${order.orderMan.phone}</td>
            </tr><tr>
                <td class="blue_text">送货方式:</td>
                <td colspan="3">${order.orderMan.orderWay}</td>
            </tr>
        </table>

        <div style="text-align: center;font-size: 22px;margin: 10px auto">
            <button>确认处理</button>
        </div>

    </div>
    <%@ include file="../common/footer.jsp"%>
</div>
</body>
</html>
